
<template>
  <div>{{user}}</div>
  <div>{{age}}</div>
</template>
<script setup>
import { ref, reactive, toRef, toRefs, toRaw } from 'vue'
const user = reactive({ name: 'zhangsan', age: 19 })
// let age = toRef(user, "age");
// age.value++;
// console.log(age);
const { name, age } = toRefs(user);
console.log(name.value);
console.log(age.value);

const book = {};
const reBook = reactive(book);

console.log(book === reBook);
console.log(toRaw(reBook) === book);

</script>


<style scoped>
</style>
